<div class="introduc">
   <h2>Đặt hàng theo yêu cầu</h2>
   Quầy bar trong nhà hàng, quán rượu, cafe là hình ảnh rất quen thuộc, thể hiện sự thư giãn và thưởng thức, thậm trí là nơi giải toả stress. Bar trong nhà ở ngoài những chức năng trên còn có nhiều công dụng khác. Quầy bar giúp tạo cảm giác thư giản, là nơi giải tỏa căng thẳng. Nếu nhà bạn có không gian sinh hoạt chung (gồm cả khu bếp và ăn uống) tương đối rộng, nên thiết kế một quầy bar nhỏ. Đây vừa là hình thức trang trí, vừa có vai trò phân chia không gian. Khi đó, bạn sẽ có nơi để thư giãn rất lý tưởng. Thiết kế quầy bar cần đòi hỏi cao về thẩm mỹ và mức độ tiện nghi, vì vậy, quầy bar cần có...
</div>
<div class="main-order">
   <?
      $fs_action				=	"";
      $fs_table            =   "orders";
   	$fs_errorMsg			=	"";
      $mes_success         = "<script>alert('Đặt hàng thành công');</script>";
      $path_img_order      = $_SERVER['DOCUMENT_ROOT'].'/pictures/order/';
      $myform = new generate_form();
      $myform->removeHTML(0);
      $myform->add('ord_name','ord_name',0,0,'',1,'Vui lòng nhập tiêu đề cho đơn hàng',0);
      $myform->add('ord_cust','ord_cust',0,0,'',1,'Vui lòng nhập tên khách hàng + số điện thoại',0);
      $myform->add('ord_phone','ord_phone',0,0,'',0,'',0);
      $myform->add('ord_des','ord_des',0,0,'',1,'Vui lòng nhập yêu cầu chi tiết của đơn hàng',0);
      $myform->addTable($fs_table);
      $action	= getValue("action", "str", "POST", ""); //kiểm tra xem form có đc submit đi không
      //Check $action for insert new data
      if($action == "execute"){ //hành động submit form thì bắt đầu thực thi lệnh
      $upload_multi  = new UploadMulti('ord_pic',$path_img_order,'',2048);
      if($upload_multi->error == ''){
         $ord_pic = $upload_multi->string_name;
         if($ord_pic != ''){
            $myform->add("ord_pic", "ord_pic", 0, 1, "", 0, "", 0, ""); 
         }
      }else{
         echo $upload_multi->error; die();
      }
      $sql = $myform->generate_insert_SQL();
      echo $sql;
      $db_execute = new db_execute($sql);
      echo $mes_success;
       }?>
       <!DOCTYPE HTML>
       <head>
       	<meta http-equiv="content-type" content="text/html;charset=utf-8;" />
       	<meta name="author" content="Ta Van Chinh" />
         <link rel="Shortcut Icon" href="/theme/images/icon.ico" type="image/x-icon" />
       	<title>Tạo đơn hàng</title>
       </head>
       <body>
       <?
      $form = new form();
   	$form->create_form("add_new",$fs_action,"post","multipart/form-data","onsubmit='validateForm(); return false;'");
   	$form->create_table();?>		
   	<?=$form->errorMsg($fs_errorMsg)?>
   	<?=$form->text("Tên đơn hàng", "ord_name", "ord_name",'', "", 1, 350,'','','-','placeholder="Tên đơn hàng hoặc tên sản phẩm"')?>
      <?=$form->text("Tên khách hàng", "ord_cust", "ord_cust",'', "Tiêu đề", 0, 350)?>
      <?=$form->text("Số ĐT", "ord_phone", "ord_cust",'', "Số điện thoại", 0, 250)?>
      <tr>
         <td class="form_name">Ảnh sản phẩm</td>
         <td class="form_text">
            <input class="form_control" type="file" title="Ảnh sản phẩm " id="ord_pic" name="ord_pic[]" size="30" multiple=""/>
            <span class="btn-preview form_button">Xem trước</span>
         </td>
      </tr>
      <?=$form->textarea("Yêu cầu chi tiết", "ord_des", "ord_des",'', "Mô tả ngắn gọn", 0, 350,80)?>
      <?=$form->close_table();?>
   	<?=$form->create_table();?>		
   	<?=$form->button("submit" . $form->ec . "reset", "submit" . $form->ec . "reset", "submit" . $form->ec . "reset", "Đặt hàng" . $form->ec . "Làm lại", "Đặt hàng" . $form->ec . "Làm lại", '' . $form->ec . '', "");?>
   	<?=$form->hidden("action", "action", "execute", "");?>
   	<?
   	$form->close_table();
   	$form->close_form();
   	unset($form);?>  
</div>
<script>
   CKEDITOR.replace( 'ord_des',{
       enterMode:CKEDITOR.ENTER_BR,
   } );
   $(document).ready(function(){
      $('#ord_pic').click(function(){
         $('.btn-preview').show();
      });
      $('.btn-preview').click(function(){
         $('.list-img').html('');
         // set up variables
         var reader = new FileReader(),
             i=0,
             numFiles = 0,
             imageFiles;
         
         // use the FileReader to read image i
         function readFile() {
             reader.readAsDataURL(imageFiles[i])
         }
         
         // define function to be run when the File
         // reader has finished reading the file
         reader.onloadend = function(e) {
         
             // make an image and append it to the div
             var image = $('<img>').attr('src', e.target.result);
             $(image).appendTo('.list-img');
             
         
             // if there are more files run the file reader again
             if (i < numFiles) {
                 i++;
                 readFile();
             }
         };
         $('#preview').show();
         $('.overlay').show();
         var window_w = $(window).width();
         var dom_h    = $(document).height();  
         $("#preview").css('left',window_w/2 - 250);
         $("#preview").css('top',dom_h/2 - 250);
         imageFiles = document.getElementById('ord_pic').files
         //get the number of files
         numFiles = imageFiles.length;
         readFile();
      });
      $("#preview .close").click(function(){
         $('.overlay').hide();
         $('#preview').hide();
      });
   });
</script>
